import React, { Component } from 'react'

export default class List extends Component {
  render() {
    let {comment} = this.props
    return (
      <>
        <div className="contain">
          <ul>
            {
              comment.map(item => {
                return (
                  <li key={item.id}>
                  <div className="image">
                    <img src={item.isrc} alt="" width="80" height="120" />
                    <div className="con">
                      <svg
                        t="1640142160040"
                        className="icon"
                        viewBox="0 0 1024 1024"
                        version="1.1"
                        xmlns="http://www.w3.org/2000/svg"
                        p-id="7884"
                        width="20"
                        height="20"
                      >
                        <path
                          d="M166.4 806.4V217.6c0-68.266667 72.533333-110.933333 128-76.8l512 294.4c59.733333 34.133333 59.733333 123.733333 0 157.866667l-512 294.4c-55.466667 29.866667-128-12.8-128-81.066667z"
                          p-id="7885"
                          data-spm-anchor-id="a313x.7781069.0.i5"
                          className="selected"
                          fill="#2c2c2c"
                        ></path>
                      </svg>
                    </div>
                  </div>
                  <div className="dce">
                    <div className="he">
                      <h5>{item.title}</h5>
                    </div>
                    <p>{item.leixing}</p>
                    <p>{item.time}</p>
                  </div>
                </li >
                )
              })
            }
          </ul >
          <div style={{"height": "50px"}}></div>
        </div >
      </>
    )
  }
}
